<meta charset="UTF-8">

<meta charset="ISO-8859-1">
<style>

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
</style>
<div class="tentralizar-div">
 <div class="text-center">

		<h2>Editar Produto</h2>

	</div>
	<div class=".container">
	
                    
               
    <form role="form" ng-submit="atualizar()" >
   
    <label class="control-label" for="quantidade">Produto</label>
    <input  type="email" class="form-control " placeholder="Descrição" ng-model="produtoRetornado.produto.descricao" readonly="readonly"/>
    
    <input type="hidden" ng-model="produtoRetornado.produto.id" />
    
 
    
    <label class="control-label" for="quantidade">Quantidade</label>
    <input type="number" class="form-control " placeholder="Quantidade" ng-model="produtoRetornado.qtde" required="required" />
    
    <label class="control-label" for="quantidade">Preço do Custo</label>
    <input type="number" class="form-control " readonly="readonly" placeholder="Preço do Custo" ng-model="produtoRetornado.precoCusto" required="required" />
    
      <label class="control-label" for="quantidade">Valor Unitário</label>
    <input type="number" class="form-control " readonly="readonly" placeholder="Valor Unitário" ng-model="produtoRetornado.valorUnitario" required="required" />
    
    <label class="control-label" for="quantidade">Porcentagem do desconto</label>
    <input type="number" class="form-control "  placeholder="Porcentagem do desconto" ng-change="calcular(produtoRetornado.precoCusto, produtoRetornado.valorUnitario, produtoRetornado.porcentagemDesconto, produtoRetornado.qtde)"  ng-model="produtoRetornado.porcentagemDesconto"  />
    
    <hr />
    
  <div class="control-group" >
                <label class="control-label" for="valorUnitario">Valor Total sem Desconto</label>
                <div class="controls">
                 {{produtoRetornado.valorUnitario * produtoRetornado.qtde | currency }}
                </div>
            </div>


<div class="control-group" >
                <label class="control-label" for="valorUnitario">Porcentagem do desconto dado por você:</label>
                <div class="controls">
                 {{produtoRetornado.porcentagemDesconto}}%
                </div>
            </div>

<div class="control-group" >
                <label class="control-label" for="valorUnitario">valor em dinheiro do desconto:</label>
                <div class="controls">
                 {{(produtoRetornado.porcentagemDesconto / 100) * (produtoRetornado.valorUnitario * produtoRetornado.qtde) | currency}}
                </div>
            </div>



<div class="control-group" >
                <label class="control-label" for="valorUnitario">Valor Total com Desconto</label>
                <div class="controls">
                 {{(produtoRetornado.valorUnitario * produtoRetornado.qtde) - (produtoRetornado.porcentagemDesconto / 100) * (produtoRetornado.valorUnitario * produtoRetornado.qtde)  | currency }}
                </div>
            </div>

  <div class="control-group" >
                <label class="control-label" for="valorUnitario">Custo total do(s) {{  produtoRetornado.qtde }} produto(s)</label>
                <div class="controls">
                 {{produtoRetornado.precoCusto * produtoRetornado.qtde| currency }}
                </div>
            </div>

<div class="control-group" >
                <label class="control-label" for="valorUnitario">Seu Lucro em dinheiro nesta Venda é de:</label>
                <div class="controls">
                 {{(produtoRetornado.valorUnitario * produtoRetornado.qtde) - (produtoRetornado.porcentagemDesconto / 100) * (produtoRetornado.valorUnitario * produtoRetornado.qtde) - (produtoRetornado.precoCusto * produtoRetornado.qtde)| currency }}
                
         </div>
            </div>
            
           <div class="control-group" >
                <label class="control-label" for="valorUnitario">Seu Lucro em porcentagem nesta Venda é de:</label>
                <div class="controls">
                 {{ margemDeLucroTotalEmPorcentagem }}%
         </div>
            </div>
            
            

    
    <br /><button  type="submit" class="btn btn-primary btn-lg btn-block">Salvar</button>
   </form><br />
   <div class="text-left">
						<button ng-click="back()" class="btn btn-primary">Voltar</button>
                    </div>